<template>
  <div id="app">
    <Nav></Nav>
    <div class="main-container">
    <router-view />
    </div>
    <SelfFooter />
  </div>
  <FloatButton></FloatButton>
</template>

<script setup>
import Nav from '@/components/Nav.vue'
import SelfFooter from '@/components/SelfFooter.vue'
import FloatButton from "@/components/FloatButton.vue";
</script>
<style>
  #app {
    text-align: center;
  }
  .main-container {
  max-width: 1200px; /* 控制最大宽度 */
  margin: 0 auto; /* 自动左右居中 */
  padding: 20px; /* 给内容留点内部空间 */
}
</style>
